*{
	margin:0;
	padding:0;
}
body{
	font-family: Helvetica;
}
.top{
	height:50px;
	width:100%;
	background: #f1f2f3;
}
.icon{
	background:url("../../img/user.png") no-repeat center;
	background-size:35px;
	height:35px;
	width:35px;
	float:left;
	margin-left:25px;
	margin-top:5px;
	border-radius: 35px;
	border:solid 2px #fff;
}
.name{
	float:left;
	/* clear:right; */
	height:50px;
	line-height: 50px;
	text-align: center;
	margin-left:8px;
	font-size:18px;
	color:#4c4d4f;
}
.name_html{
	float:left;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;/*���������������������������������������������*/
	white-space: nowrap;/*����������������������*/
}
.content{
	height:320px;
	width: 100%;
/* 	border-bottom: solid 1px #c9c9c9; */
}
.bottom_{
	/* background-color: #e0e0e0;
	height: 130px;
	padding-top: 15px; */ 
	margin-bottom: 50px;
}
.bottom{
	width:80%;
	padding:0 10%;
	height: 48px;
	line-height: 48px;
	border-bottom: solid 1px #c9c9c9;
	background-color: #ffffff;
}
.bottom_1{
	border-top: solid 1px #c9c9c9;
}
.bottom_left_img{
	width:35px;
	float:left;
	margin-top:7px;
}
.text_center{
	float: left;
}
.text_left{
	float: left;
	width: 80%;
}
.text_right{
	float: right;
	color:#ec8431;
}
.big_ring{
	width:130px;
	height: 100px;
	border-radius:130px;
	/* border: solid 1px #ec8431; */
	position: absolute;
	/* left:calc(50% - 65px); */
	left:50%;
	margin-left:-65px;
/* 	top:65px; */
	top:195px;
	text-align: center;
	padding-top: 30px;
	color:#ec8431;
	
}
.target_title{
	color:#424142;
	font-weight:bold;
	font-size: 16px;
}
.step_number{
	font-size:28px;
}
.step_unit{
	margin-left:5px;
	font-size:16px;
}
.tips_text{
	font-size:11px;
	color:#8b8b8c;
}
.target_div{
	height: 22px;
	line-height: 22px;
}
.step_div{
	height: 33px;
	line-height: 33px;
}
.tips_div{
	height: 18px;
	line-height: 18px;
}
.tips_div span{
	float: left;
}
.tips_div_top1{
	padding-left: 35px;
	width: calc(100% - 35px);
}
.tips_div_top2{
	padding-left: 30px;
	width: calc(100% - 30px);
}
.tips_div_bottom{
	padding-left: 50px;
	width: calc(100% - 50px);
}
.float_ico{
	position: relative;
/* 	top:30px; */
	/* top:130px;
	left: calc(50% + 40px); */
	top: -100px;
	left: 105px;
	/* left: 50%; */
	width: 35px;
}
.two_ring{
	width:100%;
	height: 120px;
	position: absolute;
/* 	top: 210px; */
	top:65px;
}
.float_center{
	height: 120px;
	position: absolute;
	top:140px;
	left: 50%;
	margin-left: -68px;
}
.float_ring{
	/* width: calc(50% - 1px); */
	width:49.5%;
	height: 120px;
	float: left;
	position: relative;
	/* background-color: green; */
}
.bii{
	background-color: transparent; 
	appearance:none;
	box-sizing:inherit;
	-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari ��� Chrome */
	 FILTER: alpha(opacity=0);
	 color:transparent;
	 width:75px;height:75px;z-index: 999;border:0px solid; position: absolute;top:0px;left:0px;

	border-radius: 100px;
}
.line_center{
	width: 1px;
	height: 65px;
	margin-top: 17px;
	background-color: #e8e8e8;
	float: left;
}
.line_center2{
	width: 1px;
	height: 65px;
	margin-top: 50px;
	background-color: #e8e8e8;
	float: left;
}
.line_center2_right{
	width: 65px;
	height: 1px;
	background-color: #e8e8e8;
	margin-top: -5px;
	margin-left:55px;
}
.line_center2_left{
	width: 65px;
	height: 1px;
	background-color: #e8e8e8;
	margin-top: -5px;
	margin-left:-55px;
}
.small_ring{
	width: 75px;
	height: 75px;
	border-radius:65px;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.left_ring{
	border: solid 1px #f27528;
	color: #f27528;
	float: right;
	margin: 45px 40px 0 0;
	/* margin: 0px 30px 0 0; */
}
.left_ring2{
	border: solid 1px #70b4e3;
	color: #70b4e3;
	float: right;
	margin: 35px 40px 0 0;
	background:#fff;
	/* margin: 0px 30px 0 0; */
}
.right_ring{
	border: solid 1px #9dcc7a;
	color:#9dcc7a;
	float: left;
	margin: 45px 0 0 40px;
	/* margin: 0px 0 0 30px; */
}
.right_ring2{
	border: solid 1px #faa626;
	color:#faa626;
	float: left;
	margin: 35px 0 0 40px;
	/* margin: 0px 0 0 30px; */
}
.left_center{
	border: solid 1px #fd8888;
	color: #fd8888;
	float: left;
	margin: 40px 0 0 30px;
}
.ring_title{
	width:100%;
	font-size:18px;
	color:#424142; 
}
.left_ring_title{
	width: 65px;
	position: absolute;
	text-align: center;
	top:0px; 
	/* top:75px; */
	font-size: 15px;
	right: 45px;
	/* left: calc(50% - 30px); */
	/* left: 50%; */
	margin-left: -30px;
}
.left_ring_title2{
	width: 65px;
	position: absolute;
	text-align: center;
	top:10px; 
	/* top:75px; */
	font-size: 15px;
	right: 46px;
	/* left: calc(50% - 30px); */
	/* left: 50%; */
	margin-left: -30px;
}
.right_ring_title{
	width: 65px;
	position: absolute;
	text-align:center;
	top:0px;
/* 	top:75px; */
	font-size: 15px;
	/* left: 30px; */
	/* left: calc(50% - 30px); */
	/* left: 50%;
	margin-left: -30px; */
	margin-left: -71px;
	
}
.right_center{
	width: 65px;
	position: absolute;
	text-align:center;
	top:15px;
	font-size: 15px;
	margin-left: -73px;
}
.right_ring_title2{
	width: 65px;
	position: absolute;
	text-align:center;
	top:10px;
/* 	top:75px; */
	font-size: 15px;
	/* left: 30px; */
	/* left: calc(50% - 30px); */
	/* left: 50%;
	margin-left: -30px; */
	margin-left: -71px;
	
}
.height_number{
	margin-top:13px;
	font-size: 26px;
	height:25px;
	line-height: 25px;
	font-weight: bolder;
}
.height_unit{
	font-size: 16px;
	height:10px;
	line-height: 10px;
}
.small_ring_number{
	margin-top:16px;
	font-size: 26px;
	height:25px;
	line-height: 25px;
	
	font-weight: bold;
}
.pedometer_goal{
	font-size: 22px;
	/* font-weight: normal; */
}

.small_ring_number2{
	margin-top:15px;
	font-size: 20px;
	height:25px;
	line-height: 25px;
	
	font-weight: bold;
}
.small_ring_unit{
	font-size: 16px;
	height:10px;
	line-height: 10px;
	position: absolute;
	left: 25px;
	top: 45px;
	z-index: 888;

}

.pedometer_goal_text{
	font-size: 15px;
	margin-left: 4px;
}
.small_ring_unit2{
	font-size: 16px;
	height:10px;
	line-height: 10px;
	position: absolute;
	font-weight: bold;
	left: 0px;
	top: 45px;
	width:75px;
	text-align:center;
	z-index: 888;
	

}

.alert_info {
	width: 270px;
	height: 140px;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #ccc;
	position: absolute;
	z-index: 3000;
	display: none;
	left: 50%;
	top: 50%;
	margin-left: -135px;
	margin-top: -70px;
	/*������������������������*/
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #666 0px 0px 20px;
	-moz-box-shadow: #666 0px 0px 20px;
	box-shadow: #666 0px 0px 20px;
}
.alert_info .alert_pedometerGoal_title {
	font-size: 20px;
	float:left;
	width:50%;
	height: 40px;
	margin: 15px 0 0 0;
	padding: 5px 0;
	color:#77726d;
	font-weight:bold;
	text-align: center;
	line-height: 40px;
}
.alert_info .alert_pedometerGoal_cancel{
	float:left;
	width:25%;
	text-align: center;
	margin: 15px 0 0 0;
}
.alert_info .alert_pedometerGoal_cancel_btn{
	width: 40px;
	height: 40px;
	border-radius: 40px;
	line-height:40px;
	background: #fff;
	color:#c4beb8;
	font-weight:bold;
	margin:auto;
	font-size: 15px;
	border:2px solid #c4beb8;
	text-align: center;
}
.alert_info .alert_pedometerGoal_ok{
	margin: 15px 0 0 0;
	float:right;
	width:25%;
	text-align: center;
}
.alert_info .alert_pedometerGoal_ok_btn{
	width: 40px;
	height: 40px;
	border-radius: 40px;
	font-size: 15px;
	line-height:40px;
	background: #fff;
	font-weight:bold;
	color:#ffc48f;
	margin:auto;
	border:2px solid #ffc48f;
	text-align: center;
}

#alert_number{
	color:#77726d;
	font-size: 2.5em;
	width: 240px;
	height: 50px;
	line-height: 40px;
	margin:auto;
	text-align:center;
	padding: 0 5px;
	background: #efeae5;
	text-shadow: 0px 1px #fff;
	border-width: 0px;
	border-style: solid;
	border-color: #ddd;
	border-radius: 0px;
	display: block;
}

.danwei{
	position: absolute;
	right:15px;
	bottom:25px;
	color:#77726d;
	font-size: 1.6em;
}

.alert_select{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-appearance:none;
	
 	
	padding-left: calc(50% - 60px);
	
	color:#77726d;
	font-size: 2.5em;
	width: 240px;
	height: 50px;
	line-height: 50px;
	background: #efeae5;
	text-shadow: 0px 1px #fff;
	border-width: 0px;
	border-style: solid;
	border-color: #ddd;
	border-radius: 0px;
	margin:auto;
	display: block;
	
}
.select_value{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-appearance:none;
 	
 	
	font-size: 20px;
	line-height: 30px;
	background: #ffffff;
	opacity:.0;
	text-shadow: 0px 1px #fff;
	width: 75px;
	height: 75px;
	border-radius: 100px;
	border: solid 0px;
		
	margin:auto;
	display: block;
	position: absolute;
	margin-top: -12px;
	z-index: 999;
	
}
.select_height_value{
	position: absolute;
	top: 12px;

	padding-left: calc(50% - 19px);
	color:#70b4e3;
	/* border-color: #70b4e3; */
	/* height: 40px; */
	/* line-height: 18px; */
}
.select_weight_value{
	position: absolute;
	top: 12px;
	
	padding-left: calc(50% - 19px);
	color:#9dcc7a;
	/* border-color: #9dcc7a; */
	/* height: 40px; */
	/* line-height: 18px; */
}

.select_waist_value{
	position: absolute;
	top: 12px;
	
	padding-left: calc(50% - 19px);
	color:#9dcc7a;
	/* border-color: #9dcc7a; */
	/* height: 40px; */
	/* line-height: 18px; */
}

.weitiao_ring_unit{
	margin-left: 3px;
}
.alert_birthday {
	width: 270px;
	height: 240px;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #ccc;
	position: absolute;
	z-index: 3000;
	display: none;
	left: 50%;
	top: 50%;
	margin-left: -135px;
	margin-top: -160px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #666 0px 0px 20px;
	-moz-box-shadow: #666 0px 0px 20px;
	box-shadow: #666 0px 0px 20px;
}
.alert_birthday input[type="number"]{
	display: block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-appearance:textfield;
	cursor: auto;
	border-style: none;
}

.alert_birthday .alert_birthday_title{
	height: 70px;
	width: 100%;
	text-align: center;
	line-height: 65px;
	font-size: 22px;
}
.alert_birthday .alert_input{
	float: left;
	width:60px;
	height: 35px;
	text-align: center;
	font-size: 18px;
	
	/* background: none; */
	/* border: none; */
	/* outline: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none; */
	
	/* clip: rect(0px, 130px, 30px, -3px); */
	/* width: 145px;
	height: 35px;
	line-height: 38px; */
	/* font-size: 19px; */
	color: #848484;
	
}
.alert_birthday .birthday_year{
	margin-left: 16px;
}
.alert_birthday .line_birthday{
	width: 15px;
	height:1px;
	background-color: #666;
	float: left;
	margin-top: 16px;
	margin-left: 3px;
	margin-right: 3px;
}
.alert_birthday  .birthday_date_text{
	width: 100%;
	height: 35px;
	font-size: 15px;
	
}
.alert_birthday .birthday_date{
	float: left;
	width:60px;
	text-align: center;
}
.alert_birthday .birthday_date_year{
	margin-left: 15px;
}
.alert_birthday  .birthday_date_m{
	margin-left: 23px;
}
.alert_birthday  .birthday_date_d{
	margin-left: 20px;
}
.birthday_date_div{
	
}
.alert_birthday .alert_birthday_bottom{
	height: 120px;
	width: 100%;
	
}
.alert_birthday .alert_birthday_cancel{
	float:left;
	width:25%;
	text-align: center;
	margin: 25px 0 0 20px;
}
.alert_birthday_cancel_btn{
	width: 40px;
	height: 40px;
	border-radius: 40px;
	line-height:40px;
	background: #fff;
	color:#c4beb8;
	font-weight:bold;
	margin:auto;
	font-size: 15px;
	border:2px solid #c4beb8;
	text-align: center;
}
.alert_birthday_ok{
	margin: 25px 20px 0 0;
	float:right;
	width:25%;
	text-align: center;
}
.alert_birthday_ok_btn{
	width: 40px;
	height: 40px;
	border-radius: 40px;
	font-size: 15px;
	line-height:40px;
	background: #fff;
	font-weight:bold;
	color:#ffc48f;
	margin:auto;
	border:2px solid #ffc48f;
	text-align: center;
}